<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<title>ScrollableView-HTML-inputs</title>
	<!-- Test case particularly for #17036 -->

	<script type="text/javascript" src="../../../dojox/mobile/deviceTheme.js"></script>
	<script type="text/javascript" src="../../../dojo/dojo.js"
		data-dojo-config="async: true, parseOnLoad: true"></script>
	<script language="JavaScript" type="text/javascript">
		require([
		 	"dojox/mobile",
			"dojox/mobile/ScrollableView",
			"dojox/mobile/parser"
		]);
	</script>
</head>
<body style="visibility:hidden;">
	<div id="view" data-dojo-type="dojox/mobile/ScrollableView">
		<div style="background-color: white; width: 100%;">
			Text: <input type="text" size="40" maxlength="40"
				value="click to select and then scroll the view"
				onchange="alert('test failed !');" onkeypress="alert('test failed !');"
				onkeydown="alert('test failed !');" onkeyup="alert('test failed !');">
		</div>
		<div style="background-color: white; width: 100%;">
			Password: <input type="password">
		</div>
		<div style="background-color: white; width: 100%;">
			Button: <input type="button" value="Click">
		</div>
		<div style="background-color: white; width: 100%;">
			Checkbox: <input type="checkbox">
		</div>
		<div style="background-color: white; width: 100%;">
			Color: <input type="color">
		</div>
		<div style="background-color: white; width: 100%;">
			Date: <input type="date">
		</div>
		<div style="background-color: white; width: 100%;">
			Datetime: <input type="datetime">
		</div>
		<div style="background-color: white; width: 100%;">
			Datetime local: <input type="datetime-local">
		</div>
		<div style="background-color: white; width: 100%;">
			Email: <input type="email">
		</div>
		<div style="background-color: white; width: 100%;">
			File: <input type="file">
		</div>
		<div style="background-color: white; width: 100%;">
			Image: <input type="image">
		</div>
		<div style="background-color: white; width: 100%;">
			Month: <input type="month">
		</div>
		<div style="background-color: white; width: 100%;">
			Number: <input type="number">
		</div>
		<div style="background-color: white; width: 100%;">
			Radio: <input type="radio">
		</div>
		<div style="background-color: white; width: 100%;">
			Range: <input type="range">
		</div>
		<div style="background-color: white; width: 100%;">
			Reset: <input type="reset">
		</div>
		<div style="background-color: white; width: 100%;">
			Search: <input type="search">
		</div>
		<div style="background-color: white; width: 100%;">
			Submit: <input type="submit">
		</div>
		<div style="background-color: white; width: 100%;">
			Tel: <input type="tel">
		</div>
		<div style="background-color: white; width: 100%;">
			Time: <input type="time">
		</div>
		<div style="background-color: white; width: 100%;">
			Url: <input type="url">
		</div>
		<div style="background-color: white; width: 100%;">
			Week: <input type="week" max="2012-W01">
		</div>
		<div style="background-color: white; width: 100%;">
			<textarea cols="40" maxlength="40" placeholder="click to select and then scroll the view"
				onchange="alert('test failed !');" onkeypress="alert('test failed !');"
				onkeydown="alert('test failed !');" onkeyup="alert('test failed !');">
			</textarea>
		</div>
	</div>
</body>
</html>
